<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
    <script src="index.js"></script>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<div id="app">
<!-- Table -->
<el-button type="text" @click="dialogTableVisible = true">打开嵌套表格的 Dialog</el-button>

<el-dialog title="收货地址" :visible.sync="dialogTableVisible">
    <el-table :data="gridData">
        <el-table-column property="date" label="日期" width="150"></el-table-column>
        <el-table-column property="name" label="姓名" width="200"></el-table-column>
        <el-table-column property="address" label="地址"></el-table-column>
    </el-table>
</el-dialog>

<!-- Form -->
<!--<el-button type="text" @click="dialogFormVisible = true">打开嵌套表单的 Dialog</el-button>-->

<!--<el-dialog title="收货地址" :visible.sync="dialogFormVisible">-->
    <!--<el-form :model="form">-->
        <!--<el-form-item label="活动名称" :label-width="formLabelWidth">-->
            <!--<el-input v-model="form.name" autocomplete="off"></el-input>-->
        <!--</el-form-item>-->
        <!--<el-form-item label="活动区域" :label-width="formLabelWidth">-->
            <!--<el-select v-model="form.region" placeholder="请选择活动区域">-->
                <!--<el-option label="区域一" value="shanghai"></el-option>-->
                <!--<el-option label="区域二" value="beijing"></el-option>-->
            <!--</el-select>-->
        <!--</el-form-item>-->
    <!--</el-form>-->
    <!--<div slot="footer" class="dialog-footer">-->
        <!--<el-button @click="dialogFormVisible = false">取 消</el-button>-->
        <!--<el-button type="primary" @click="dialogFormVisible = false">确 定</el-button>-->
    </div>
</el-dialog>
</div>
<script>
       let vue=new Vue({
           el:"#app",
           data() {
               return {
                   gridData: [{
                       date: '2016-05-02',
                       name: '王小虎',
                       address: '上海市普陀区金沙江路 1518 弄'
                   }, {
                       date: '2016-05-04',
                       name: '王小虎',
                       address: '上海市普陀区金沙江路 1518 弄'
                   }, {
                       date: '2016-05-01',
                       name: '王小虎',
                       address: '上海市普陀区金沙江路 1518 弄'
                   }, {
                       date: '2016-05-03',
                       name: '王小虎',
                       address: '上海市普陀区金沙江路 1518 弄'
                   }],
                   dialogTableVisible: false,
//                   dialogFormVisible: false,
//                   form: {
//                       name: '',
//                       region: '',
//                       date1: '',
//                       date2: '',
//                       delivery: false,
//                       type: [],
//                       resource: '',
//                       desc: ''
//                   },
//                   formLabelWidth: '120px'
               }

           }});
</script>

</body>
</html>